<!DOCTYPE html>
<html>

<head>
    <title>个人资料</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_587767_rj4fkdnklqttvs4i.css ">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/weui.min.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/jquery-weui.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/demos.css">

    <style>
        .weui-label {
            width: 70px;
        }
    </style>
</head>

<body ontouchstart style="background: #eeefef">
<form  method="post" action="{:url('Teacher/t1')}" enctype="multipart/form-data" id="form">
    <!--头部开始-->
    <div class="weui-flex" style="border-bottom: 1px solid gainsboro;background: #FCFCFC;height: 45px">
        <div class="weui-flex__item" style="margin-top: 15px;">
            <div class="placeholder" style="margin-left: 10px;margin-top: -5px;">
                <a href="{:url('portal/teacher/teacher')}"><span  style="color: #04BE02;" onclick="history.back()" class="icon  icon-back"></span>
                </a>
            </div>
        </div>

        <div class="weui-flex__item">
            <div class="placeholder" style="font-size: 17px;text-align: center;margin-left: 40px;margin-top: 10px; color: #404040;">个人资料</div>
        </div>

        <div class="weui-flex__item">
            <div class="placeholder"></div>
        </div>
        <div class="save">
            <input type="submit" name="grzl2" value="保存" style="border:none;margin-top: 15px;margin-right: 10px;font-size: 14px;color: #04BE02;background-color: #ffffff">
        </div>
    </div>
    <!--头部结束-->
    <div class="weui-gallery" id="gallery"> <span class="weui-gallery__img" id="galleryImg"></span>
        <div class="weui-gallery__opr">
            <a href="javascript:" rel="external nofollow" class="weui-gallery__del"> <i class="weui-icon-delete weui-icon_gallery-delete"></i> </a>
        </div>
    </div>
    <div class="weui-cells weui-cells_form" style="margin-top: 8px">
        <div class="weui-cell weui-flex" style="">
            <div  class="weui-cell__hd weui-flex__item"><label class="weui-label" style="color: #5b5b5b;font-weight: 500; font-size: 14px;line-height: 22px;">姓名</label></div>
            <div class="weui-cell__bd weui-flex__item">
                <input id="name" class="weui-input" type="text" name="name" placeholder="请输入姓名" value="" style="font-size: 14px;line-height: 22px;font-size: 14px;line-height: 22px;float: right;text-align: right;">
            </div>
        </div>
        <div class="weui-cell weui-cell_select" style="">
            <div class="weui-cell__hd weui-flex__item" style="margin-left: 15px;color: #5b5b5b;font-weight: 500;font-size: 16px;line-height: 24px;">性别</div>
            <div class="weui-cell__bd weui-flex__item" style="margin-left: 38px">
                <select class="weui-select " id="sex" style="font-size: 14px;line-height: 22px;float: right;text-align: right;    padding-left: 110px" name="sex" value="">
                    <option  value="1" style="background: #04BE02">男</option>
                    <option value="2" style="background: #04BE02">女</option>
                </select>
            </div>
        </div>

        <div class="weui-cell weui-flex" style="">
            <div class="weui-cell__hd weui-flex__item"><label class="weui-label" style="color: #5b5b5b;font-weight: 500; font-size: 14px;line-height: 22px;">年龄</label></div>
            <div class="weui-cell__bd weui-flex__item">
                <input class="weui-input" type="number" id="age" name="age" placeholder="请输入年龄" value="" style="font-size: 14px;line-height: 22px;float: right;text-align: right;padding-right: 20px">
            </div>
        </div>
        <div class="weui-cell " style="">
            <div class="weui-cell__hd"><label class="weui-label" style="color: #5b5b5b;font-weight: 500; font-size: 14px;line-height: 22px;">教龄</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="number" id="school_age" name="school_age" placeholder="请输入教龄" value="{$data.school_age}" style="font-size: 14px;line-height: 22px;float: right;text-align: right;padding-right: 20px">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label for="home-city" style="   color: #5b5b5b;font-weight: 500; font-size: 14px;line-height: 22px;" class="weui-label">城市</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" id="home-city" type="text" name="city" placeholder="北京市" style="font-size: 14px;line-height: 22px;float: right;text-align: right;">
            </div>
        </div>
        <div class="weui-cell" style="background-color: #eeefef;padding-top: 5px;padding-bottom: 5px">
            <div class="weui-cell__hd"><label for="home-city" style="   color: #5b5b5b;font-weight: 500; font-size: 14px;line-height: 22px;" class="weui-label"> 教学相关</label></div>
        </div>
        <div class="weui-cell " style="">
            <div class="weui-cell__hd"><label class="weui-label" style="color: #5b5b5b;font-weight: 500; font-size: 14px;line-height: 22px;">电话</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" id="tel" type="number" name="tel" placeholder="请输入电话" value="" style="font-size: 14px;line-height: 22px;float: right;text-align: right;">
            </div>
        </div>
        <div class="weui-cell " style="">
            <div class="weui-cell__hd"><label class="weui-label" style="color: #5b5b5b;font-weight: 500; font-size: 14px;line-height: 22px;">QQ</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="number" name="qq" placeholder="请输入qq(选填)" value="" style="float: right;text-align: right;">
            </div>
        </div>
        <div class="weui-cell " style="">
            <div class="weui-cell__hd"><label class="weui-label" style="color: #5b5b5b;font-weight: 500; font-size: 14px;line-height: 22px;">微信</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="number" name="wechat" placeholder="请输入微信(选填)" value="" style="font-size: 14px;line-height: 22px;float: right;text-align: right;">
            </div>
        </div>
    </div>

</form >
<script src="__TMPL__/public/assets/js/jquery-2.1.4.js"></script>
<script src="__TMPL__/public/assets/js/fastclick.js"></script>
<script>
    $(function() {
        FastClick.attach(document.body);
    });
</script>
<script src="__TMPL__/public/assets/js/jquery-weui.js"></script>

<script src="__TMPL__/public/assets/js/city-picker.js"></script>

<script>
    $("#home-city").cityPicker({
        title: "选择目的地",
        showDistrict: false,
        onChange: function(picker, values, displayValues) {
            console.log(values, displayValues);
        }
    });
    $(".weui-btn").click(function () {
        if($("#name").val()==""||$("#age").val()==""||$("#sex").val()==""||$("#home-city").val()==""||$("#tel").val()==""||$("#school_age").val()==""){
            alert("请将信息填写完整");
            $("#form").attr('action',"##");
        }
        else {
            window.location.href="{:url('Teacher/t2')}";
        }
    });
</script>
</body>

</html>